/* Site
   -------------------------------- */

html {
	overflow-y: scroll;
	/*background: #5f5f5f ;*/
}

body {
	margin: 0;
	padding: 0 0 20px;
	min-height: 100%;
	/* font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; */
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 13px;
}

#wrapper {
	margin: 0 auto;
	width: 956px;
	position: relative;
}

#banner {
	height: 125px;
}

#content .bg {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

table.layout-grid a.disabled, table.layout-grid a.disabled:hover {
	color: #aaa;
	cursor: default;
	text-decoration: line-through;
}

div.notice {
	background: #FFF1AF;
	padding: 3px;
	margin-bottom: 5px;
	font-size: 12px;
	border: 1px solid #EFD500;
}



/* Content
   -------------------------------- */

#content-wrapper {
	background: #FFF;
}

#content {
	zoom: 1;
}

.content-top {
}

.content {
	width:950px;
	padding: 0 3px 0 3px;
	overflow: hidden;
}

#content .content {
	min-height: 580px;
}

#home #content .content,
#download #content .content,
#demos #content .content,
#docs #content .content, 
#support #content .content,
#development #content .content, 
#about #content .content {
	background: none;
}

#ie6 #content .content {
	height: 380px;
	overflow-y: visible;
}

/* Layout */

.content-head {
	height: 74px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.content-head h2 {
	float: left;
	margin: 0;
	padding: 20px 0 20px 24px;
	color: #ff9c08;
	font: normal 29px/30px "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

.content-head h2 span {
	padding-right: 16px;
	border-right: 1px solid #ccc;
}

.content-head p {
	margin: 0;
	padding: 28px 0 0 12px;
	float: left;
	font: bold 15px "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}


/* Layout
   -------------------------------- */

.layout-grid {
	width: 100%;
}

.layout-grid td {
	vertical-align: top;
}

.left-nav {
	width: 200px;
}

.layout-grid td.normal {
	border-left: 1px solid #eee;
	padding: 20px 24px;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}


/* Normal
   -------------------------------- */

h2,
h4 {
	color: #555555;
	margin: 0;
	font-weight: normal;
}

h2, h3 {
	padding: 0 0 9px;
}

h4 {
	padding-bottom: 21px;
	border-bottom: 1px dashed #999;
	font-size: 12px;
	font-weight: bold;
}

.pull-quote {
	padding: 6px 0;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 12px;
}

p {
	font-size: 13px;
}

a:visited { color:#0505ff; }

/* Footer
   -------------------------------- */
#footer {
	text-align:center;
	padding:10px 0;
}

#footer a {
	text-decoration: none;
	color: #555 ;
	margin:2px 0;
	font-weight:bold;
	padding:0 5px;
	text-decoration:none;
}

#footer a:hover {
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#copyright {
	color:#888888;
	text-align:center;
	padding:0 0 20px;
}

#copyright a {
	color:#555;
	font-weight:bold;
	text-decoration:none;
}

#copyright a:hover {
	color:#000;
	text-decoration:underline;
}


.demoflow div img {
	height: 100%;
	width: 100%;
}

.demoflow div.shadow {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
}

.ie .demoflow div.shadow {
	display: none;
}

/* Navigation */

.top-nav{
	margin: 14px 0 0 0;
	padding: 0
}

.top-nav span {
	margin: 40px 0 0 10px;
	padding:0;
	display:inline;
}
	
.top-nav{
	float: left;
	font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	padding:14px 23px 8px 22px;
}

.top-nav a {
	padding: 2px 3px 2px 8px;
	text-decoration: underline;
	color: #e87b10 ;
	margin:2px 0;
	height:13px;
}

.top-nav a:hover,
.top-nav a:focus,
.top-nav a:hover,
.top-nav a:focus {
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
 .top-nav a.selected {
	background: #555;
	color:#ffffff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}


/* Demos */

.demos-nav, 
.left-nav .demos-nav dt, 
.left-nav .demos-nav dd, 
.left-nav .demos-nav ul, 
.left-nav .demos-nav li {
	margin: 0;
	padding: 0
}

.left-nav .demos-nav {
	float: left;
	width: 155px;
	font-size: 1.3em;
	padding:14px 23px 8px 22px;
}

.left-nav .demos-nav dt,
.left-nav .demos-nav h4 {
	margin: 0;
	padding: 0;
	font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color: #e87b10;
}

.left-nav .demos-nav dt,
.left-nav .demos-nav h4 {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom:5px;
	line-height: 1.2em;
	border-bottom: 1px solid #F4F4F4;
}

.left-nav .demos-nav dd a,
.left-nav .demos-nav li a {
	border-bottom: 1px solid #F4F4F4;
	display:block;
	padding: 2px 3px 2px 8px;
	font-size: 90%;
	text-decoration: none;
	color: #555 ;
	margin:2px 0;
	height:13px;
}

.left-nav .demos-nav dd a:hover,
.left-nav .demos-nav dd a:focus,
.left-nav .demos-nav li a:hover,
.left-nav .demos-nav li a:focus {
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
 .demos-nav dd a.selected {
	background: #555;
	color:#ffffff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.demos-nav a:link,
.demos-nav a:visited { color:#1b75bb; text-decoration:none; }

.demos-nav a:hover,
.demos-nav a:active { color:#0b559b; }

#demo-header { overflow:hidden;border-bottom:1px solid #bbb; margin:0;}
#demo-header h2 { clear:left; color:#444; font-size:32px; padding:10px 0 5px 5px; }
#demo-header h4 { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; }

#theme-switcher { float:right; width:40%; margin:10px 0 0; }

.demo-frame1 { clear:right; width:520px; height:auto; position:relative; padding:0px; margin:0px;}
/*.demo-frame1 { clear:right; width:520px; height:420px; position:relative; padding:0px; margin:0px;}*/
.demo-frame2 { clear:right; width:520px; height:240px; border:1px solid #bbb; position:relative; padding:10px; margin:0px 50px; }

a.btn{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #666666; 
	background: url("/images/buttonbg.png") repeat-x scroll 50% 50% #eeeeee; 
	border: 1px solid #cccccc; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:60px;
	height: 14px; 
	outline: 0pt none; 
	cursor: pointer;
}

a.btn:hover{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #444444; 
	background:none repeat scroll 0% 0% #f0f0f0; 
	border: 1px solid #bbbbbb; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:60px;
	height: 14px; 
	outline: 0pt none; 
	cursor: pointer;
}

.sm-btn{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #666666; 
	background: url("/images/buttonbg.png") repeat-x scroll 50% 50% #eeeeee; 
	border: 1px solid #cccccc; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:60px;
	height: 14px; 
	outline: 0pt none; 
	cursor: pointer;
}

.sm-btn:hover{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #444444; 
	background:none repeat scroll 0% 0% #f0f0f0; 
	border: 1px solid #bbbbbb; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:60px;
	height: 14px; 
	outline: 0pt none; 
	cursor: pointer;
}

.grey-btn{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #666666; 
	background: url("/images/buttonbg.png") repeat-x scroll 50% 50% #eeeeee; 
	border: 1px solid #cccccc; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:120px;
	height: 12px; 
	outline: 0pt none; 
	cursor: pointer;
}

.grey-btn:hover{
	font-family: Trebuchet MS,Verdana,sans-serif; 
	font-size: 11px; 
	color: #444444; 
	background:none repeat scroll 0% 0% #f0f0f0; 
	border: 1px solid #bbbbbb; 
	-moz-border-radius: 6px 6px 6px 6px; 
	text-decoration: none; 
	text-align:center;
	padding: 3px 3px 3px 3px; 
	display: block; 
	width:120px;
	height: 12px; 
	outline: 0pt none; 
	cursor: pointer;
}

.ui-title {
	color:#666666;
	cursor:pointer;
	font-family:Trebuchet MS,Verdana,sans-serif;
	font-size:11px;
	text-decoration:none;
}

.content-title {color:#666666;margin:40px 0px 0px 50px}
.main-content{width:100%;float:left;margin:36px 0;}
.left { float:left; }
.right { float:right; }

#news {color:#000; font-weight:bold; margin:0 0 15px 0; padding:5px; border:1px solid #999; -moz-border-radius: 3px 3px 3px 3px;  } /* border:1px solid #cccccc;*/


#dashboard
h2 {color:#333;font-size:1.25em; margin-bottom:1em; background:#e5ecf9; border-bottom:1px solid #369; padding:2px 4px; clear:both;}

#dashboard 
h3 {color:#333;font-size:120%;}

#admin-dashboard
h2 {color:#333;font-size:1.25em; margin-bottom:1em; background:#fecb5d; border-bottom:1px solid #369; padding:2px 4px; clear:both;}

#admin-dashboard 
h3 {color:#333;font-size:120%;}

div.section {width:48%; float:left; margin:0 0 20px 4px;}
div.section.alt {float:right;}
ul {margin:0;padding:0}
li {list-style:none; padding:0 0 0 46px; min-height:35px; margin:0 0 1em 5px; position:relative;}
li a span {background:url(/images/i9.png) no-repeat -35px 0; height:35px; width:35px; top:-2px; left:0; position:absolute;}
li div span {background:url(/images/i9.png) no-repeat -35px 0; height:35px; width:35px; top:-2px; left:0; position:absolute;}
li p {width:340px;margin:6px 0 2px 0;}
li div b {font-size:11px;margin:2px 0;}
p b {display:inline-block;}

img.checkmark {
position: absolute;
top: 4px;
left: 4px;
}
div .checked { width: 350px; background-color: #eee; border: 1px solid #ccc;}

/* IE6 */
* html li {height:35px;}
* html input.button {padding:0;}

#ADONION span {background-position:0 0px;}
#ANYEMAILS span {background-position:0 -35px;}
#BANNERCENTER span {background-position:0 -70px;}
#CLICKSOR span {background-position:0 -105px;}
#CPXCENTER span {background-position:0 -140px;}
#EMAILSERVING span {background-position:0 -175px;}
#INFINITYADS span {background-position:0 -210px;}
#INTERUPLOAD span {background-position:0 -245px;}
#XTARGETING span {background-position:0 -280px;}
#XXXWEBTRAFFIC span {background-position:0 -315px;}
#HIGHSPEED span {background-position:0 -350px;}
#PAYPERCALL span {background-position:0 -385px;}
#SEOTOOL span {background-position:0 -420px;}

#ADONION1 span {background-position:0 0px;}
#ANYEMAILS1 span {background-position:0 -35px;}
#BANNERCENTER1 span {background-position:0 -70px;}
#CLICKSOR1 span {background-position:0 -105px;}
#CPXCENTER1 span {background-position:0 -140px;}
#EMAILSERVING1 span {background-position:0 -175px;}
#INFINITYADS1 span {background-position:0 -210px;}
#INTERUPLOAD1 span {background-position:0 -245px;}
#XTARGETING1 span {background-position:0 -280px;}
#XXXWEBTRAFFIC1 span {background-position:0 -315px;}
#HIGHSPEED1 span {background-position:0 -350px;}
#PAYPERCALL1 span {background-position:0 -385px;}
#SEOTOOL1 span {background-position:0 -420px;}


/* bakup
#CLICKSOR span {background-position:0 0px;}
#CPXCENTER span {background-position:0 -35px;}
#ADONION span {background-position:0 -70px;}
#INFINITYADS span {background-position:0 -105px;}
#ANYEMAILS span {background-position:0 -140px;}
#EMAILSERVING span {background-position:0 -175px;}
#XTARGETING span {background-position:0 -210px;}
#XXXWEBTRAFFIC span {background-position:0 -245px;}
#BANNERCENTER span {background-position:0 -280px;}
#INTERUPLOAD span {background-position:0 -350px;}
#PAYPERCALL span {background-position:0 -455px;}
#HIGHSPEED span {background-position:0 -490px;}

#CLICKSOR1 span {background-position:0 0px;}
#CPXCENTER1 span {background-position:0 -35px;}
#ADONION1 span {background-position:0 -70px;}
#INFINITYADS1 span {background-position:0 -105px;}
#ANYEMAILS1 span {background-position:0 -140px;}
#EMAILSERVING1 span {background-position:0 -175px;}
#XTARGETING1 span {background-position:0 -210px;}
#XXXWEBTRAFFIC1 span {background-position:0 -245px;}
#BANNERCENTER1 span {background-position:0 -280px;}
#INTERUPLOAD1 span {background-position:0 -350px;}
#PAYPERCALL1 span {background-position:0 -455px;}
#HIGHSPEED1 span {background-position:0 -490px;}
*/

/* ---------------------------------------------------------------
Clearfix
--------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* forms ---------------------------*/

	/* General */
/*
form dl{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form dt{
	display:block;
	margin: 0;
	padding:6px 0 9px;
	clear:both;
}
*/
form dd{
	display:block;
	margin:0;
	padding:3px 0 5px;
	clear:both;
}

	/* Inputs */

input,textarea {
	color:#333;
	margin:0;
	padding:4px;
}

select{
	color:#333;
	margin:2px 0 8px 0;
}

input, textarea, select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}

	/* Labels */
label{
	font-size:95%;
	font-weight:bold;
	color:#555;
	margin:2px 0 0 0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}


/* Response Messages */
.error {font-size:10px;color:#b50007;}

.response-msg {
	padding:6px 10px 10px 45px;
	font-size:0.96em;
	margin:0 0 10px;
}

.response-msg span {
	display:block;
	font-weight:bold;
	padding:0 0 4px;
}

div.error {
	background:#f9e5e6 url('/images/icons/error.png') 10px 50% no-repeat;
	color:#b50007;
	border:#e8aaad solid 1px;
}

.notice  {
	background:#f9f9e5 url('/images/icons/notice.png') 10px 50% no-repeat;
	color:#828400;
	border:#e8e3aa solid 1px;
}

.inf {
	background:#e5ecf9 url('/images/icons/info.png') 10px 50% no-repeat;
	color:#0055b5;
	border:#aac6e8 solid 1px;
}

.success {
	background:#e9f9e5 url('/images/icons/success.png') 10px 50% no-repeat;
	color:#1c8400;
	border:#b4e8aa solid 1px;
}

    /* sprite */
	ul.providers {
		float:left; list-style-type:none; margin:0 15px 5px; padding:0; width:150px;
	}
	    
    ul.providers li {
        background: url(/images/login.png) no-repeat scroll 0 0 transparent;
    }
    
	ul.providers li {
		height:50px; margin:10px 0 8px; padding:0; width:150px;
	}

    li#yahoo {
        background-position: 0px -250px;
    }
    li#yahoo:hover {
        background-position: -150px -250px;
    }
    li#yahoo.press {
        background-position: -300px -250px;
    }
    li#google {
        background-position: 0px -100px;
    }
    li#google:hover {
        background-position: -150px -100px;
    }
    li#google.press {
        background-position: -300px -100px;
    }
    li#facebook {
        background-position: 0px -50px;
    }
    li#facebook:hover {
        background-position: -150px -50px;
    }
    li#facebook.press {
        background-position: -300px -50px;
    }
    li#aol {
        background-position: 0px 0px;
    }
    li#aol:hover {
        background-position: -150px 0px;
    }
    li#aol.press {
        background-position: -300px 0px;
    }
    li#openid {
        background-position: 0px -150px;
    }
    li#openid:hover {
        background-position: -150px -150px;
    }
    li#openid.press {
        background-position: -300px -150px;
    }
    li#twitter {
        background-position: 0px -200px;
    }
    li#twitter:hover {
        background-position: -150px -200px;
    }
    li#twitter.press {
        background-position: -300px -200px;
    }
    li#yesup {
        background-position: 0px -300px;
   	}
	li#yesup:hover {
        background-position: -150px -300px;
    }
    li#yesup.press {
        background-position: -300px -300px;
    }

